<template>
	<view class="xcSplitLine flex-h-c">
		<view class="circle"></view>
		<view class="line"></view>
		<view class="circle"></view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.xcSplitLine {
		width:calc(100% + 80upx);
		position: relative;
		left: -40upx;
		.circle {
			width:28upx;
			height: 28upx;
			border-radius:50%;
			background-color: $uni-bg-color-default;
		}
		.line {
			border:2upx dashed $uni-bg-color-default;
			flex:1
		}
		
	}
</style>
